<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:ctg="http://www.crotouristguide.com/taglib">

<ui:component>
	<div class="title">
		<h1><h:outputText value="#{messages['title.croatia_map']}" /></h1>
		<h:outputText value="#{messages['subtitle.croatia_map']}" />	
	</div>		
	<rich:panel id="homeMap" styleClass="clearfix">
		<s:div styleClass="leftm">
			<ctg:croMap />
			<br />
			<h:outputLink value="#{application.contextPath}/guides/gmaps.seam" styleClass="special1">
				<f:param name="l" value="#{currentLang}" />
				<h:outputText value="#{messages['label.explore_map']}" />
			</h:outputLink>
		</s:div>
		<s:div styleClass="left top">
			<s:div styleClass="leftm">
				<h3><h:outputText value="#{messages['title.top_destinations']}" /></h3>
				<rich:dataOrderedList value="#{topMjesta}" rows="10" var="mjesto">
					<h:outputLink
						value="#{application.contextPath}/guides/mjesta/mjesto.seam">
						<f:param name="idMjesta" value="#{mjesto.idMjesta}" />
						<f:param name="l" value="#{currentLang}" />
						<f:param name="title" value="#{titleAction.getUrlTitle(mjesto)}"/>
						<h:outputText value="#{mjesto.naziv}" />
					</h:outputLink>
				</rich:dataOrderedList>
			</s:div>
			<s:div styleClass="left">
				<h3><h:outputText value="#{messages['title.top.islands']}" /></h3>
				<rich:dataOrderedList value="#{topOtoci}" rows="10" var="otok">
					<h:outputLink
						value="#{application.contextPath}/guides/otoci/otok.seam">
						<f:param name="idOtoka" value="#{otok.idOtoka}" />
						<f:param name="l" value="#{currentLang}" />
						<f:param name="title" value="#{titleAction.getUrlTitle(otok)}"/>
						<h:outputText value="#{otok.naziv}" />
					</h:outputLink>
				</rich:dataOrderedList>
			</s:div>
			<br class="clearb"/>
			<h:outputLink value="#{application.contextPath}/guides/home.seam"
				styleClass="ul special1">
				<f:param name="l" value="#{currentLang}" />
				<h:outputText value="#{messages['label.explore.destination.guides']}" />
			</h:outputLink> 
		</s:div>
		<br class="clearb"/>
	</rich:panel>
</ui:component>

</html>